<template>
  <div class="footer">
    <p>&copy; 2025 四叶草电影票务网站</p>
  </div>
</template>

<script name="Footer" lang="ts" setup>

</script>

<style scoped>
.footer {
  background-color: black;
  padding: 10px;
  text-align: center;
  color: white;
  position: fixed; /* 固定定位 */
  bottom: 0; /* 固定在底部 */
  width: 100%; /* 宽度设置为 100% */
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}
</style>